/**
*button css
*author:qiang.mou
**/
.ui-button {	
	text-align: center;
	border-radius: 3px;
	position: relative;
	display: inline-block;
    *display:inline;
	*zoom:1;
}
.ui-button-blue {
	background-color:#d6e6e6;
}
.ui-button-gray,.ui-button-lightgray-b{
	background-color:#f7f5f3;
}
.ui-button-redb{
	background-color:#ffecef;
}
.ui-button .ui-button-text {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 3px;
}
.ui-button-blue .ui-button-text {
	color:#3daeb6;
}
.ui-button-white .ui-button-text,.ui-button-gray .ui-button-text{
	color:#8c808a;
	border:1px solid #e0e0e0;
}
.ui-button-red .ui-button-text{
	color:#f38393;
	border:1px solid #ffecef;
}
.ui-button-redb .ui-button-text {
	color:#f38393;
}
.ui-button-lightgray-b .ui-button-text{
	font-size:14px;
	color:#c5bfc4;
	border:1px solid #e0e0e0;
}
.ui-button .ui-button-text:hover{
	text-decoration: none;
}
.ui-button-blue .ui-button-text:hover,.ui-button-lightgray-b .ui-button-text:hover {
	background-color: #6e9b9d;
	color:white;
}
.ui-button-red .ui-button-text:hover{
	color:#8c808a;
	border:1px solid #e0e0e0;
}
.ui-button-blue input.ui-button-text {
	border:none;
	cursor: pointer;
	background-color:#d6e6e6;
}
.ui-button-lightgray-b input.ui-button-text{
	background-color:#f7f5f3;
}
.ui-button .fn-b{
	font-weight:bold;
}
.ui-button .fn-pd20 {
	padding:3px 20px;
}
.ui-button .fn-pd15 {
	padding:3px 15px;
}
.ui-button-s{
	font-family:\5b8b\4f53, sans-serif;
	text-align: center;	
	display: inline-block;
	font-weight:bold;
	width:15px;
	heitht:15px;
	background-color:#e0e0e0;
	color:#fff;
    *display:inline;
	*zoom:1;
}
.ui-button-s:hover{
	text-decoration:none;
	background-color:#f38393;
}
.ui-button-link{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
/*button background-img*/
.ui-button-icon,.ui-imgbutton,.ui-button-img,.txt-search .btn-s{
	background-image:url("../../assets/images/icon-button.png");
	background-repeat:no-repeat;
}
.ui-imgbutton{
	display:block;
	line-height:100px;
	overflow:hidden;
	font-size:0;
}
/*button icon*/
.ui-button-icon {
	display: inline-block;
	height: 14px;
	width: 14px;
	vertical-align: text-top;
	margin-right: 5px;
	line-height: 0;
	overflow:hidden;
}
.ui-button-link .ui-button-icon{
	vertical-align:middle;
}
.icon-birth{
	background-position:0 0;
}
.icon-care{
	background-position:0 -16px;
	height: 15px;
	width: 16px;
	line-height: 15px;
}
.icon-activity{
	height: 16px;
	width: 16px;
	background-position:-82px -16px;
}
.icon-upimg{
	height: 13px;
	width: 15px;
	line-height: 13px;
	background-position:-82px -40px;
}
.icon-addfirend{
	height: 15px;
	width: 14px;
	line-height: 15px;
	background-position:-82px -53px;
}
.ui-button-text:hover .icon-care,.icon-care:hover{
	background-position:-16px -16px;
}
.icon-up{
	width:9px;
	height:10px;
	background-position:-73px 0;
}
.icon-popup{
	width:10px;
	height:10px;
	background-position:-82px 0;
}
.ui-button-img{
	width:11px;
	height:7px;
	line-height:0;
	overflow:hidden;
	display:block;	
}
.ui-button-img-up{
	background-position:-62px 0;
	margin:18px 7px;
}
.ui-button-img-down{
	background-position:-62px -7px;
	margin:17px 7px;
}
/*close button&delete button*/
.ui-close{	
	position:absolute;
	z-index:10;
	top:0;
	right:0;
	width:7px;
	height:6px;
}
.ui-close-bg{
	width:16px;
	height:16px;
	background-color:#fff;
	background-position:-14px 0;
	top:5px;
	right:5px;
}
.ui-close-bg:hover{
	background-color:#8c808a;
	background-position:-30px 0;	
}
/*set button*/
.ui-set{
	width:27px;
	height:27px;
	background-position:0 -31px;
}
.ui-set:hover{
	background-position:-27px -31px;
}
.ui-gift{
	width:66px;
	height:66px;
	background-position:0 -58px;
}
.ui-gift:hover{
	background-position:0 -124px;
}
.ui-ignore{
	width:15px;
	height:15px;
	background-position:-32px -16px;
}
.ui-unlocking,.ui-lock{
	width:15px;
	height:15px;
	vertical-align:middle;
	display:inline-block;
	margin-left:5px;
	*display:inline;
	*zoom:1;
}
.ui-unlocking{	
	background-position:-47px -16px;
}
.ui-lock{
	background-position:-62px -16px;
}
/**input**/
.txt-search{
	border:1px solid #e0e0e0;
	border-radius:13px;
	height:19px;
	width:222px;
	padding:3px 8px 3px 10px;
	background-color:#fff;
}
.txt-search .txt-s{
	height:19px;
	line-height:18px;
	border:none;
	width:200px;
	font-size:12px;
	background-color:#fff;
	float:left;
}
.txt-search .btn-s{
	background-color:#fff;
	border:0;
	background-position:-54px -32px;
	width:20px;
	height:19px;
	float:right;
	text-indent:9999em;
	overflow:hidden;
	cursor:pointer;
}
/*****/
.ui-select{border:1px solid #e0e0e0;padding: 4px ;color:#8c808a;}
.ui-label{display: inline-block;width: 70px;text-align: right;font-size:16px;}
/***input**/
.ui-input{padding: 8px 6px;border-radius: 3px; border:1px solid #e0e0e0;width: 240px;}
.i-len80{width: 80px;}
.i-len60{width: 60px;}
.i-len110{width: 110px;}
.i-len125{width: 125px;}
.i-len200{width: 200px;}
.ui-input:hover,.ui-input:focus{border: 1px solid #81d8d0;box-shadow: 1px 1px 2px #c5c3be;}
